<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="./result.html" method="get">
        <!-- action表示数据需要给谁
            method给的方式  get 就是做拼接 用户看的见
                            post就是内部提交  用户看不见 
        -->
        <fieldset>
            <legend>注册信息</legend>
        <div>
            用户名 <input type="text" name="name" />
        </div>
        <div>
            性别 <input type="radio" name="sex" value="1" checked />女
                 <input type="radio" name="sex" value="0" />男
            <!-- type指定类型  radio单选 
              name表示一个组
              value表示的值
              checked表示的选中的状态
              -->
        </div>
        <div>
            学历  <input type="radio" name="xueli" value="1" checked />高中
                 <input type="radio" name="xueli" value="2" />大专
                 <input type="radio" name="xueli" value="3" />本科
            <!-- type指定类型  radio单选 
              name表示一个组
              value表示的值
              checked表示的选中的状态
              -->
        </div>
        
        <div>
            省份  <select name="province">
                    <option value="1">湖北</option>
                    <option value="2" selected>湖南</option>
                    <!-- selected表示默认被选中 -->
                    <option value="3">河南</option>
                    <option value="4">河北</option>
                 </select>
                 <select name="city">
                    <option value="11">武汉</option>
                    <option value="12">荆州</option>
                    <option value="13">仙桃</option>
                    <option value="14">天门</option>
                 </select>


        </div>

        
        <div>
                备注  <textarea name="remark" rows="10" cols="50"></textarea>

        </div>

        <div>
            搜索  <input name="search" list="list"/>
            <datalist id="list">
                    <option>iphone</option>
                    <option>小米</option>
            </datalist>
            <!-- datalist既可以输入也可以选择 -->

        </div>

        <input type="submit"  value="提交"/>
        <button type="button">提交按钮</button>
        <button type="reset">重置</button>
    </fieldset>
    </form>

    <fieldset>
        <legend>提示消息</legend>

        
        
    </fieldset>

</body>

</html>